<!-- 
<!DOCTYPE html>
<html>
    <head>
        <title>Vue实例</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    </head>
    <body>
        <div id="app">
            <span :title="message">
                鼠标悬停几秒钟查看此处动态绑定的提示信息！
            </span>
            <p v-if="seen">现在你看到我了</p>
            <div>
                <div v-for="item,index in todos">
                    {{item.text}} {{index}}
                </div>
            </div>
            <button @click="reverseMessage">反转消息</button>
            <div>{{message}}</div>
            <input v-model="message" />
        </div>
    </body>
</html>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: '页面加载于 ' + new Date().toLocaleString(),
            seen: true,
            todos: [
                { text: '学习 JavaScript' },
                { text: '学习 Vue' },
                { text: '整个牛项目' }
            ]
        },
        methods:{
            reverseMessage:function(){
                console.log(this)
                this.message = this.message.split('').reverse().join('')
            }
        }
}) 
</script>-->
                    <!-- <el-submenu index="1">
                        <template slot="title">
                            <i class="el-icon-location"></i>
                            <span>首页管理</span>
                        </template>
                        <el-menu-item-group class="menu">
                        <router-link :to="{name:'banner'}">
                            <el-menu-item index="1-1" >轮播图管理</el-menu-item>
                        </router-link>
                        <router-link :to="{name:'category'}">
                            <el-menu-item index="1-2">分类区管理</el-menu-item>
                        </router-link>
                        <router-link :to="{name:'recomend'}">
                            <el-menu-item index="1-3">为你推荐管理</el-menu-item>
                        </router-link>
                        </el-menu-item-group>
                    </el-submenu> 
                        <el-submenu index="2">
                        <template slot="title">
                            <i class="el-icon-location"></i>
                            <span>商品管理</span>
                        </template>
                        <el-menu-item-group class="menu">
                            <el-menu-item index="2-1">分类管理</el-menu-item>
                            <el-menu-item index="2-2">品牌管理</el-menu-item>
                            <el-menu-item index="2-3">商品管理</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>   
                    <el-submenu index="3">
                        <template slot="title">
                            <i class="el-icon-location"></i>
                            <span>新闻管理</span>
                        </template>
                    </el-submenu>    -->